$(function () {

    // 数据更新显示
    function init() {
        $.ajax({
            url: BigNew.category_list,
            headers: { Authorization: localStorage.getItem('dashijian_one_token') },
            success: function (res) {
                // console.log(res)
                $('tbody').html(template('listTemp', res))
            },
            dataType: 'json'
        })
    }
    init()

    // 更改数据函数
    function cateOpt(url, data) {
        $.ajax({
            type: 'post',
            url: url,
            data: data,
            headers: { Authorization: localStorage.getItem('dashijian_one_token') },
            dataType: 'json',
            success: function (res) {
                // console.log(res)
                alert(res.msg)
                $('#addlist').modal('hide')
                init()
                $('#wzname').val('')
                $('#wzqtname').val('')
            }
        })
    }

    // 定义变量，后用来存id
    let id

    // 确定添加的点击事件
    $('.btnOpt').on('click', function () {
        // 收集数据
        let name = $('#wzname').val()
        let slug = $('#wzqtname').val()

        if ($('.btnOpt').text() == '确定') {
            cateOpt(BigNew.category_add, { name, slug })
        } else {
            cateOpt(BigNew.category_edit, { name, slug, id })
        }
    })

    // 删除文章
    $('.category_table>tbody').on('click', '.btn-danger', function () {
        id = $(this).attr('data-id')

        cateOpt(BigNew.category_delete, { id })
    })

    //编辑点击按钮
    $('.category_table>tbody').on('click', '.btnEdit', function () {
        $('#addlist').modal('show')
        $('.modal-title').text('编辑文章类别')
        $('.btnOpt').text('编辑')

        // 获取默认数据
        let data = $(this).data()
        id = data.id
        $('#wzname').val(data.name)
        $('#wzqtname').val(data.slug)
    })

    // 新增点击按钮
    $('#xinzengfenlei').on('click', function () {
        $('.modal-title').text('添加文章类别')
        $('.btnOpt').text('确定')
        $('#wzname').val('')
        $('#wzqtname').val('')
    })
})